<template>
  <el-card class="card">
        <div class="card_header">
            <slot name="header"></slot>
        </div>
        <div class="card_main">
            <slot name="main"></slot>
        </div>
        <div class="card_charts">
            <slot name="charts"></slot>
        </div>
        <div class="card_footer">
            <slot name="footer"></slot>
        </div>
      </el-card>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.card {
  .card_header {
  }
  .card_main {
    margin: 20px 0;
    font-size: 20px;
    font-weight: 700;
  }
  .card_charts {
    height: 80px;
  }
  .card_footer {
    margin-top: 10px;
  }
}
</style>